<div class="modal">
  <div class="bg" (click)="$event.stopPropagation();dismiss()">
    <div class="box">
      <ion-row style="margin-top: 10px;">
        <ion-col col-4 tappable (click)="$event.stopPropagation();share(1)">
          <ion-row>
            <ion-col col-12>
              <img src="assets/share/weixin.png" alt="" height="45px">
            </ion-col>
            <ion-col col-12>
              微信
            </ion-col>
          </ion-row>
        </ion-col>
        <ion-col col-4 tappable (click)="$event.stopPropagation();share(2)">
          <ion-row>
            <ion-col col-12>
              <img  src="assets/share/pyq.png" alt="" height="45px">
            </ion-col>
            <ion-col col-12>
              微信朋友圈
            </ion-col>
          </ion-row>
        </ion-col>
        <ion-col col-4 tappable (click)="$event.stopPropagation();share(3)">
          <ion-row>
            <ion-col col-12>
              <img  src="assets/share/qq.png" alt="" height="45px">
            </ion-col>
            <ion-col col-12>
              QQ
            </ion-col>
          </ion-row>
        </ion-col>
      </ion-row>
      <ion-row style="margin: 10px 0;">
        <ion-col col-4 tappable (click)="$event.stopPropagation();share(4)">
          <ion-row>
            <ion-col col-12>
              <img  src="assets/share/kongjian.png" alt="" height="45px">
            </ion-col>
            <ion-col col-12>
              QQ空间
            </ion-col>
          </ion-row>
        </ion-col>
        <ion-col col-4 tappable (click)="$event.stopPropagation();share(5)">
          <ion-row>
            <ion-col col-12>
              <img  src="assets/share/weibo.png" alt="" height="45px">
            </ion-col>
            <ion-col col-12>
              微博
            </ion-col>
          </ion-row>
        </ion-col>
      </ion-row>
      <button class="cancel" ion-button full no-margin>取消</button>
    </div>
  </div>
</div>